<%--
  Author: 林小秦
  Idea:零壹年秋,生于北方
  点图文介绍
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <title>地图展示</title>
  <style>
    body,
    html,
    #container {
      overflow: hidden;
      width: 100%;
      height: 100%;
      margin: 0;
      font-family: "微软雅黑";
    }
    .BMap_cpyCtrl {
      display: none;
    }
    .anchorBL {
      display: none;
    }

  </style>
  <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=sClwXDCZC6GLOdLlYevqoiEzfaUFzqP3"></script>
</head>

<body>
<div id="container"></div>
</body>

</html>
<script>
  var map = new BMapGL.Map('container'); // 创建Map实例
  map.centerAndZoom(new BMapGL.Point(113.665412, 34.757975), 8); // 初始化地图,设置中心点坐标和地图级别
  map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
  var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
  map.addControl(scaleCtrl);
  var zoomCtrl = new BMapGL.ZoomControl(); // 添加比例尺控件
  map.addControl(zoomCtrl);


  // 添加河南省边界
  var bdary = new BMapGL.Boundary();
  bdary.get("河南省", function (rs) {
    var count = rs.boundaries.length;
    if (count === 0) {
      alert('未能获取到河南省边界数据');
      return;
    }
    for (var i = 0; i < count; i++) {
      var ply = new BMapGL.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#FF0000", fillOpacity: 0 });
      map.addOverlay(ply);
    }
  });

  // 创建点标记
  var marker1 = new BMapGL.Marker(new BMapGL.Point(114.892583, 33.737346)); // 淮阳县
  var marker2 = new BMapGL.Marker(new BMapGL.Point(113.087142, 34.945721)); // 温县
  var marker3 = new BMapGL.Marker(new BMapGL.Point(114.320408, 34.80425)); // 开封市
  var marker4 = new BMapGL.Marker(new BMapGL.Point(112.796031, 34.733469)); // 偃师市
  var marker5 = new BMapGL.Marker(new BMapGL.Point(113.237284, 35.243143)); // 焦作市解放区
  var marker6 = new BMapGL.Marker(new BMapGL.Point(114.907944, 35.977564)); // 焦作市中站区
  var marker7 = new BMapGL.Marker(new BMapGL.Point(115.110997, 35.892713)); // 内黄县
  //////
  var marker8 = new BMapGL.Marker(new BMapGL.Point(115.110997, 35.892713)); // 清丰县
  var marker9 = new BMapGL.Marker(new BMapGL.Point(113.189315, 35.243143)); // 焦作市中站区
  var marker10 = new BMapGL.Marker(new BMapGL.Point(114.618195, 33.548779)); // 商水县
  var marker11 = new BMapGL.Marker(new BMapGL.Point(115.104817, 33.415958)); // 沈丘县
  var marker12 = new BMapGL.Marker(new BMapGL.Point(113.915155, 35.322083)); // 新乡市牧野区
  var marker13 = new BMapGL.Marker(new BMapGL.Point(112.476323, 35.322083)); // 洛阳市老城区
  var marker14 = new BMapGL.Marker(new BMapGL.Point(114.320408, 34.80425)); //  开封市
  var marker15 = new BMapGL.Marker(new BMapGL.Point(114.367248, 34.802041)); // 开封市顺河区
  var marker16 = new BMapGL.Marker(new BMapGL.Point(113.408103, 35.105826)); // 焦作五菱县
  var marker17 = new BMapGL.Marker(new BMapGL.Point(112.957115, 35.093593)); // 沁阳市
  var marker18 = new BMapGL.Marker(new BMapGL.Point(113.683952,34.760261)); // 郑州市管城区
  var marker19 = new BMapGL.Marker(new BMapGL.Point(113.513426, 36.239952)); // 平顶山襄城县
  var marker20 = new BMapGL.Marker(new BMapGL.Point(112.093874, 32.694029)); // 邓州市

  var marker21 = new BMapGL.Marker(new BMapGL.Point(113.390028, 34.792723)); //  苌家拳 河南省荥阳1
  var marker22 = new BMapGL.Marker(new BMapGL.Point(113.248366, 35.221671)); //  陈氏太极拳 河南省焦作市2
  var marker23 = new BMapGL.Marker(new BMapGL.Point(113.087223, 34.94565)); //  和式太极拳 河南省温县3
  var marker24 = new BMapGL.Marker(new BMapGL.Point(113.056914, 34.460771)); //  少林功夫 河南省登封市5
  var marker25 = new BMapGL.Marker(new BMapGL.Point(113.683952, 34.760261)); //  太乙拳 郑州市管城区6
  var marker26 = new BMapGL.Marker(new BMapGL.Point(114.000202, 34.760261)); //  查拳 驻马店市驿城区7
  var marker27 = new BMapGL.Marker(new BMapGL.Point(113.189315, 35.243143)); //  小尚炮拳 焦作市中站区8



  // 在地图上添加点标记
  map.addOverlay(marker1);
  map.addOverlay(marker2);
  map.addOverlay(marker3);
  map.addOverlay(marker4);
  map.addOverlay(marker5);
  map.addOverlay(marker6);
  map.addOverlay(marker7);
  map.addOverlay(marker8);
  map.addOverlay(marker9);
  map.addOverlay(marker10);
  map.addOverlay(marker11);
  map.addOverlay(marker12);
  map.addOverlay(marker13);
  map.addOverlay(marker14);
  map.addOverlay(marker15);
  map.addOverlay(marker16);
  map.addOverlay(marker17);
  map.addOverlay(marker18);
  map.addOverlay(marker19);
  map.addOverlay(marker20);
  map.addOverlay(marker21);
  map.addOverlay(marker22);
  map.addOverlay(marker23);
  map.addOverlay(marker24);
  map.addOverlay(marker25);
  map.addOverlay(marker26);
  map.addOverlay(marker27);







  // 创建图文信息窗口淮阳县
  var sContent = `<h4 style='margin:0 0 5px 0;'>淮阳县心意六合拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/4.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
            心意六合拳又称守洞尘技。顾名思义，由于此拳术是由心生意，又由意传化为拳招，故又名心意拳。心意拳相传为明末清初的武术家姬际可所创的。由于外族入主中原，当时的际可便产生了强烈的反清思想，后来到了河南少林寺后，因武术精湛，便留在那教学，居留期间又对明朝盛行于少林的五行拳深入研究。后有一天忽见两鸡相斗，便遂悟其理而创了心意六合。后来，心意六合拳自洛阳人士马学礼得际可真传后，数百年来形成了河南心意六合拳一大支流。
    </p>
    <a href="https://hct.henan.gov.cn/2022/06-12/2465910.html">点击查看更多资料</a>
    </div>`;
  var infoWindow = new BMapGL.InfoWindow(sContent);
  // marker添加点击事件
  marker1.addEventListener('click', function() {
    this.openInfoWindow(infoWindow);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });



  // 创建图文信息河南省荥阳苌家拳
  var sContent1 = `<h4 style='margin:0 0 5px 0;'>河南省荥阳苌家拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/1.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        苌家拳是中国武术一个重要流派，与少林、太极并称中州武术三鼎足。苌家拳萌发于河南省荥阳市（汜水）。荥阳处中原腹地，南连嵩岳，北濒黄河，浮戏、广武山连绵夹峙，处西京（长安、洛阳）、东京（开封）之间。为西京之东方门户，东京之西部屏障。境内之虎牢关（成皋城），扼东西咽喉，有一夫当之，万夫莫开之险，自古为天下雄关，向为兵家所必争。决定汉王朝命运的楚汉战争，决定唐王朝命运的武牢之战均发生于此。宋岳飞在此大败金兵，李自成13家72营首领曾聚会于此，太平天国林凤祥、李开芳之北伐部队在此渡河北上。由于荥阳特殊的地理位置，文化亦于此兴。荥阳百姓保家自卫，自古习武之风甚盛。荥阳（汜水）明末有武术家张八，时称“神手”，后有“禹家枪”，“外来方技多不敢与之比试”。
    </p>
    <a href="https://baike.baidu.com/item/%E8%8B%8C%E5%AE%B6%E6%8B%B3">点击查看更多资料</a>
    </div>`;
  var infoWindow1 = new BMapGL.InfoWindow(sContent1);
  // marker添加点击事件
  marker21.addEventListener('click', function() {
    this.openInfoWindow(infoWindow1);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow1.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });



  // 河南省焦作市陈氏太极拳
  var sContent2 = `<h4 style='margin:0 0 5px 0;'>河南省焦作市陈氏太极拳 </h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/2.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        河南省温县陈家沟太极拳，世代相传，其架式与用劲，与一般传习之太极拳，不尽相同，称谓陈氏（家）太极拳。明洪武七年（一三七四年）陈氏自山西省洪洞县大槐树迁居河南省温县常阳村。嗣以陈氏宗族繁衍，遂将常阳村易名为陈家沟。自陈氏迁温县始祖陈卜至今，太极拳世代相传，一脉相承已有六百年之历史。陈氏太极拳在此六百年历程中，关于创造发展，由博而约，以至定型，在陈氏族谱家乘拳谱以及陈氏子孙之著作中，有明确之记载，足资考证。
    </p>
    <a href="https://hct.henan.gov.cn/2022/02-10/2396253.html">点击查看更多资料</a>
    </div>`;
  var infoWindow2 = new BMapGL.InfoWindow(sContent2);
  // marker添加点击事件
  marker22.addEventListener('click', function() {
    this.openInfoWindow(infoWindow2);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow2.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });

  // 创建图文信息窗口河南省温县和式太极拳
  var sContent3 = `<h4 style='margin:0 0 5px 0;'>河南省温县和式太极拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/3.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        和式太极拳是传统拳术，属于太极拳流派之一。始创于清末河南温县赵堡镇太极拳名家和兆元（1810——1890），因地域亦被称为赵堡太极拳。和式太极拳除具有一般太极拳的要点外，在理论、技术技法、强身养生方面都有其独特之处。和式太极拳以《周易》理论为基础，像其形取其义用其理，移动周身处处走圆，无不是圈，行成周身无处受力，自然圆活。
    </p>
    <a href="https://baike.baidu.com/item/%E5%A4%AA%E6%9E%81%E6%8B%B3%EF%BC%88%E5%92%8C%E6%B0%8F%E5%A4%AA%E6%9E%81%E6%8B%B3%EF%BC%89/61139656">点击查看更多资料</a>
    </div>`;
  var infoWindow3 = new BMapGL.InfoWindow(sContent3);
  // marker添加点击事件
  marker23.addEventListener('click', function() {
    this.openInfoWindow(infoWindow3);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow3.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });


  // 创建图文信息窗口河南省登封市少林功夫
  var sContent4 = `<h4 style='margin:0 0 5px 0;'>河南省登封市少林功夫</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/5.jpg' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        少林功夫是指在嵩山少林寺这一特定佛教文化环境中历史地形成，以佛教神力信仰为基础，充分体现佛教禅宗智慧，并以少林寺僧人修习的武术为主要表现形式的传统文化体系。这个文化体系具有完整的技术和理论体系。它以武术技艺和套路为其表现形式，以佛教信仰和禅宗智慧为其文化内涵。少林功夫尊达摩为祖师。当前学界认为，"达摩创拳说"是一种附会。其习武之风实际上始自北齐武僧稠禅师 。少林功夫内容丰富、套路繁多。据少林寺拳谱记载，少林武术套路有708套，其中拳术和器械套路552套，另外七十二绝技、擒拿、格斗、卸骨、点穴、气功等各类攻法套路156套。
    </p>
    <a href="https://hct.henan.gov.cn/2022/04-19/2434755.html">点击查看更多资料</a>
    </div>`;
  var infoWindow4 = new BMapGL.InfoWindow(sContent4);
  // marker添加点击事件
  marker24.addEventListener('click', function() {
    this.openInfoWindow(infoWindow4);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow4.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });




  // 创建图文信息窗口 郑州市管城区太乙拳
  var sContent5 = `<h4 style='margin:0 0 5px 0;'>郑州市管城区太乙拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/6.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        太乙拳，中国传统武术套路之一。它是禅、武、医、艺的交融。古称“太医拳”，一种被遗忘的养生文化，是中华民族传统武术拳术之一，其理念可追溯到道家《老子》之“道”。“太乙”在《老子》“道法自然”、“万法归一”、“无为而大为”等哲理思想影响下，以拳法体现人与自然和谐统一，体现 “天人合一”在运动中的自如应用，达到性命双修，自卫之效，成为“以人为本”的练功方法。 　 太乙拳，相传为道教宗师张三丰所创，传承人把儒道释三教之中的修身养性理念三合为一；结合民族拳法和道家练气、养生之法，以民族拳术为基础，集禅宗修炼、道家养生于一身，创立了这套“内以养生，外以却恶”的“太乙拳”。
    </p>
    <a href="https://baike.baidu.com/item/%E5%A4%AA%E4%B9%99%E6%8B%B3/6606147">点击查看更多资料</a>
    </div>`;
  var infoWindow5 = new BMapGL.InfoWindow(sContent5);
  // marker添加点击事件
  marker25.addEventListener('click', function() {
    this.openInfoWindow(infoWindow5);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow5.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });



  // 创建图文信息窗口驻马店市驿城区查拳
  var sContent6 = `<h4 style='margin:0 0 5px 0;'>驻马店市驿城区查拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/7.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        河南派查拳分布于河南省沈丘县槐店回族镇，迄今已有200余年。沈丘县槐店回族镇地处豫东平原，为沙颍河、谷河、蔡河三川交汇之地。西周时为古项子国都，曾为北扬州、陈郡、项县、槐坊厅治所。由于历史上先后有鲜卑、女真、蒙古等民族问鼎中原，从而使这里形成了多元族群融聚之地，构成了多元民族文化共生和传承的特殊地理环境，于是产生了独具民族特色的河南派查拳武术。
    </p>
    <a href="https://baike.baidu.com/item/%E6%9F%A5%E6%8B%B3/643627">点击查看更多资料</a>
    </div>`;
  var infoWindow6 = new BMapGL.InfoWindow(sContent6);
  // marker添加点击事件
  marker26.addEventListener('click', function() {
    this.openInfoWindow(infoWindow6);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow6.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });



  // 创建图文信息窗口焦作市中站区小尚炮拳
  var sContent7 = `<h4 style='margin:0 0 5px 0;'>焦作市中站区小尚炮拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/8.jpg' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        小尚炮拳是一种传统拳术，属于内家拳，是技击与气功相结合的拳术，强调“以气为主，以理当先。上步有情理，脚下有圈劲”。其动作沉稳刚劲、充实有力，快猛巧捷，飘忽轻灵。相传清朝初年，嵩山少林寺普照和尚所传。最初，炮捶拳只是沿袭上古时期流传下来的格斗搏击之法，并无诸多套路，其内容亦皆用于修身和实战的用途 。发力气劲合一，刚柔相济，气势勇猛。强调拨击，讲究招式。基本拳法有开门炮、劈山炮、连环炮、转角炮、十字炮、脑后炮、泻肚炮、冲天炮、撩阴炮、扎地炮、窝心炮、七星炮。习练时要求浮气要聚，本力要猛，虎腕要挺，腰眼要灵，心血要活。
    </p>
    <a href="https://baike.baidu.com/item/%E5%B0%8F%E5%B0%9A%E7%82%AE%E6%8B%B3/3774694">点击查看更多资料</a>
    </div>`;
  var infoWindow7 = new BMapGL.InfoWindow(sContent3);
  // marker添加点击事件
  marker27.addEventListener('click', function() {
    this.openInfoWindow(infoWindow7);
    // 图片加载完毕重绘infoWindow
    document.getElementById('imgDemo').onload = function() {
      infoWindow7.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
    };
  });





</script>
